<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>-->
    <title>door_market</title>

    <script src="http://door-market/jquery-1.11.1.min.js"></script>
    <script src="http://door-market/jquery-ui/js/jquery-ui-1.10.4.min.js"></script>

    <script src="http://door-market/fancy_app_js.js"></script>

    <script src="http://door-market/jquery.ba-hashchange.min.js"></script>

    <script type="text/javascript" src="http://door-market/rs/jquery.fancybox.js"></script>
    <link rel="stylesheet" type="text/css" href="http://door-market/rs/jquery.fancybox.css" media="screen">

    <link rel="stylesheet" type="text/css" href="http://door-market/rs/jquery.fancybox-thumbs.css">
    <script type="text/javascript" src="http://door-market/rs/jquery.fancybox-thumbs.js"></script>

    <link rel="stylesheet" type="text/css" href="http://door-market/mystyle.css">
    <link rel="stylesheet" type="text/css" href="http://door-market/product-item.css">
    <link rel="stylesheet" href="http://door-market/jquery-ui/css/ui-lightness/jquery-ui-1.10.4.min.css">

    <link rel="stylesheet" type="text/css" href="http://door-market/paging.css">

    <script src="http://door-market/application.js"></script>

</head>
<body>
<div class="section-content">
    <div class="items_line">

        <div class="product_item">
            <div class="product_header">
                <div class="product_name">
                    Двері 1
                </div>
                <div class="product_code">
                    777
                </div>
            </div>
            <div class="photo_column">
                <div class="product_photo">
                    <img src="productimg/door%201%20mid.jpg" title="Двери">
                </div>
                <div class="lupa">
                    <a class="lupa_aa"  href="http://localhost/door-market/productimg/door%201%20lar.jpg" style="float:left; margin:0 0 0 8px; font-weight:bold;" title="Велике фото">
                        <img  class="lupa_a" src="img/lupa.png" title="Двери">
                    </a>

                </div>
            </div>
            <div class="product_foter">
                <div class="product_details">

                    <div class="details_btn">

                        <a  style="float:left; margin:0 0 0 8px; font-weight:bold;" title="ДЕтальніше" onclick="show_item_details(1)">
                            <img src="img/details.jpg">
                        </a>
                    </div>
                </div>
            </div>

        </div>

        <div class="product_item">
            <div class="product_header">
                <div class="product_name">
                    Двері 2
                </div>
                <div class="product_code">
                    777
                </div>
            </div>
            <div class="photo_column">
                <div class="product_photo">
                    <img src="productimg/door%202%20mid.jpg" title="Двери">
                </div>
                <div class="lupa">
                    <a chref="#2" style="float:left; margin:0 0 0 8px; font-weight:bold;" title="ДЕтальніше">
                        <img src="img/lupa.png" title="Двери">
                    </a>

                </div>
            </div>
            <div class="product_foter">
                <div class="product_details">

                    <div class="details_btn">

                        <a  style="float:left; margin:0 0 0 8px; font-weight:bold;" title="ДЕтальніше" onclick="change_hash(2)">
                            <img src="img/details.jpg">
                        </a>
                    </div>
                </div>
            </div>

        </div>

        <div class="product_item">
            <div class="product_header">
                <div class="product_name">
                    Двері 3
                </div>
                <div class="product_code">
                    777
                </div>
            </div>
            <div class="photo_column">
                <div class="product_photo">
                    <img src="productimg/door%203%20mid.jpg" title="Двери">
                </div>
                <div class="lupa">
                    <a href="#" style="float:left; margin:0 0 0 8px; font-weight:bold;" title="ДЕтальніше">
                        <img src="img/lupa.png" title="Двери">
                    </a>

                </div>
            </div>
            <div class="product_foter">
                <div class="product_details">
                    <div class="details_btn">
                        <a style="float:left; margin:0 0 0 8px; font-weight:bold;" title="ДЕтальніше" onclick="change_hash(3)">
                            <img src="img/details.jpg">
                        </a>
                    </div>
                </div>
            </div>

        </div>
    </div>
    </div>
</body>